<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<style>
   .a{list-style-type: circle;}
   .b{list-style-type: square;}
   .c{list-style-type: upper-roman;}
   .d{list-style-type: lower-alpha;}
   .e{list-style-image: url('img/list-img-1.gif');}
</style>

<body>
    <ul class="a">
        <li>JAVA</li>
        <li>大数据</li>
        <li>GO</li>
    </ul>
    <ul class="b">
        <li>PHP</li>
        <li>Python</li>
        <li>C</li>
    </ul>
    <ol class="c">
        <li>张三</li>
        <li>李四</li>
        <li>王五</li>
    </ol>
    <ol class="d">
        <li>篮球</li>
        <li>足球</li>
        <li>羽毛球</li>
    </ol>
    <ol class="e">
        <li>篮球</li>
        <li>足球</li>
        <li>羽毛球</li>
    </ol>
</body>
</html>